@charset "utf-8";
/* CSS Document */
* {
  /* 清除浏览器自带的内外边 */
  margin: 0;
  padding: 0;
  /* 清除文字装饰线,例如a标签的下划线 */
  text-decoration: none;
  /* 清除列表样式 */
  list-style: none;
  /* 设置盒子宽高的计算方式为:内容＋内边距＋边框 */
  box-sizing: border-box;
  /* 不允许用户选中 */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* 不允许用户拖动图片 */
  -webkit-user-drag: none;
}
/* a标签默认颜色(自行更改) */
a {
  color: #000;
}

/*伪类清除浮动：*/
.clearfix:after {
  /*内容为空*/
  content: '';
  /*高度为0*/
  height: 0;
  /*行高为0*/
  line-height: 0;
  /*以块级元素呈现*/
  display: block;
  /*将元素隐藏*/
  visibility: hidden;
  /*清除元素两侧浮动*/
  clear: both;
}
.clearfix {
  zoom: 1; /*兼容IE*/
}

/*单行文本溢出：*/
.overflow {
  /*溢出内容不显示*/
  overflow: hidden;
  /*文本溢出显示...*/
  text-overflow: ellipsis;
  /*不换行*/
  white-space: nowrap;
}
/* 定宽居中时,可对元素直接添加类名:container */
.container {
  margin: 0 auto;
}

.ell {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.relative {
  position: relative;
}
/* 水平居中 */
.position-h-c {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
/* 垂直居中 */
.position-v-c {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.absolute {
  position: absolute;
}
.flex-v-c {
  display: flex;
  align-items: center;
}
.flex-h-c {
  display: flex;
  justify-content: center;
}
._primary {
  color: #409eff !important;
}
._warning {
  color: #e6a23c !important;
}
._success {
  color: #67c23a !important;
}
._error {
  color: #f56c6c !important;
}
._info {
  color: #909399 !important;
}

.el-image {
  background: url('./assets/img/transparent.png') no-repeat;
  background-size: 100% 100%;
}

.image-slot {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url('./assets/svg/empty.svg') no-repeat;
  background-size: 70% 70%;
  background-position: 50% 40%;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

.cell {
  text-align: center;
}

.back-to-top-img {
  width: 44px;
}
